/**
 * Copyright (c) 2014-2018 ﻿上海XX科技有限公司
 *
 *
 * @author zqtao * @version 1.0 2016-9-14
 */

/**
 * 上传图片方法
 * @param url 上传的controller访问路径
 * @param fileElemenId  上传按元素id
 * @param success 成功后处理方法  重写 successFun(result);
 * @param type
 * @param dataType
 */
var sy_uploadImg = function(url,fileElemenId,type,dataType){
    debugger;
    var options = {url:url,fileElemenId:fileElemenId,
        type:type,dataType:dataType};
    var opts = $.extend({
        dataType: 'text',
        type: "post",
        url: "/sys/upload/list",
        fileElementId: 'fileToUpload',//file标签的id
        success: function(result){
            successFun(result);//图片上传时,需要重写图片上传后的方法
            loadMouseEventFun();
        }
    }, options);
    $.ajaxFileUpload(opts);
}

/**
 * 加载图片到批量的jQuery对象中
 * @param result 图片名称的字符串(名称之间用","隔开)
 * @param resultDiv jQuery对象
 */
var inserImg = function(result,resultDiv,separator){
    debugger;
    var imgArray = result.split(separator);
    $.each(imgArray, function (i, item) {
        var id = item.substring(0, 32);
        var li = $("<li/>")
        var img_Div = $("<div class='img_Div' id=" + id + " style='width:100px;' />");
        var del_But_Div = $("<div class='img_del_button_div' onclick='delId(\"" + id + "\")' style='display: none' />");
        var but_Img = $("<img src='/jslib/common/images/button/close.png'  style='width: 10px;float: right;'>");
        var result_Img = $(" <img class='img_result' src='/file/" + item + " 'style='width: 100px;height: 100px;'>");
        var input = $("<input name='img' type='hidden' value=" + item + ">");
        del_But_Div.append(but_Img);
        img_Div.append(del_But_Div);
        img_Div.append(result_Img);
        img_Div.append(input);
        li.append(img_Div);
        resultDiv.append(li);//图片预览Div
    })

}

/**
 * 上传成功后返回信息处理
 * @param result 返回信息
 */
var successFun = function(result) {
    if (result == "0") {
        parent.$.messager.alert("错误", "请选择上传的图片");
    } else if (result == "1") {
        parent.$.messager.alert("错误", "有单个文件超过5M");
    } else {
        var resultDiv = $("#tpyl ul");
        if(result!=undefined && result!=""){
            inserImg(result,resultDiv,',');
        }
        loadMouseEventFun();//给回显图片绑定鼠标事件
    }
}


/** 添加上传图片事件
 *
 */
var loadImg = function(){
    debugger;
    var $this = $(".uploadImgButton") ;
    var $form = $this.parents("form")[0];
        $form = $($form);
    var $inputFile = $form.find("input[type='file']");
        if($inputFile.length == 0){
                $inputFile = $("<input type='file' name='fileToUpload' id='fileToUpload'  multiple='true' style='display: none' onchange='sy_uploadImg()' />");
                $form.append($inputFile);
            }
    $inputFile.click();//调用 file  onclick()  <input type="file" id="fileToUpload"  multiple="true" style="display: none" />

    //$("#fileToUpload").click();//调用 file  onclick()  <input type="file" id="fileToUpload"  multiple="true" style="display: none" />
}


/**
 *  动态元素加载鼠标事件
 */
var loadMouseEventFun = function(){
    $(".img_Div").on("mouseover",function(){
        debugger;
        $(this).children("div").css("display","block");
    });

    $(".img_Div").on("mouseout",function(){
        debugger;
        $(this).children("div").css("display","none");
    });
}


/**
 * 删除id为id的元素
 * @param id
 */
var delId = function(id) {
    $("#"+id).remove();
}
